﻿@charset "utf-8";

/* more */
.more {display: inline-block;padding: 10px 30px;background: #ffab00;color: #fff;font-size: 16px;}
/* szhyhb_product */
.szhyhb_product {box-sizing: border-box;z-index: 2;position: relative;margin-bottom: 20px;}
.szhyhb_product_con {padding: 0 0;}
.szhyhb_product_con .hd {width: 260px;float: left;}
.szhyhb_product_con .hd .top{font-size: 28px;color: #fff;background: #385b8b;box-sizing: border-box;padding: 20px 20px 20px 30px;position: relative;}
.szhyhb_product_con .hd .top:after{content: url(../images/p_t.png); position: absolute;right: 30px; top: 30px;}
.szhyhb_product_con .hd .top span{font-size: 12px;color: #fff;text-transform: uppercase;display: block;}
.szhyhb_product_con .hd ul{display: flex;flex-wrap: wrap;justify-content: space-between;border: 1px solid #d9d9d9;border-top: none;padding: 15px;box-sizing: border-box;}
.szhyhb_product_con .hd ul li a{display: block;box-sizing: border-box;text-align: left;line-height: 62px;font-size: 16px;text-indent: 15px;}
.szhyhb_product_con .hd ul li{width: 100%;border-bottom: 1px solid #eaeaea;}
.szhyhb_product_con .hd ul li:hover {background-image:linear-gradient(#5596cf,#2d467e) ;}
.szhyhb_product_con .hd ul li:hover a{color: #fff;}
.szhyhb_product_con .hd .bottom {text-align:center;border: 1px solid #d9d9d9;border-top: none;padding: 10px;}
.szhyhb_product_con .hd .bottom img{width: 100%;}
.szhyhb_product_con .hd .bottom .tel {background: url(../images/tel.png) no-repeat 0 0;padding-left: 50px;text-align:left;font-size: 16px;margin-top: 10px;}
.szhyhb_product_con .hd .bottom .tel span{border-left: 1px solid #999;display: inline-block;padding-left: 10px;margin-top: 5px;}
.szhyhb_product_con .hd .bottom .tel strong {display: block;font-size: 24px;padding-left: 10px;color: #324e84;}

.szhyhb_product_con .bd {padding: 15px;box-sizing: border-box;border: 1px solid #d9d9d9;width: 900px; float: right;}
.szhyhb_product_con .bd .fl{width: 476px;}
.szhyhb_product_con .bd .pic{overflow: hidden;}
.szhyhb_product_con .bd .fl img{width: 476px; height: 357px;}
.szhyhb_product_con .bd .fr{width: 470px;text-align: left;box-sizing: border-box;position: relative;}
.szhyhb_product_con .bd .fr h2{border-bottom: 1px solid #efefef;margin-bottom: 10px;font-size: 28px;color: #000;line-height: 2; font-weight: normal;}
.szhyhb_product_con .bd .fr h2 a{color: #1f7100;line-height: 2;}
.szhyhb_product_con .bd .fr p{font-size: 15px;color: #666;line-height: 2;padding: 0 ; box-sizing: border-box;}
.szhyhb_product_con .bd .fr p:nth-last-of-type(1){margin-bottom: 20px;}
.szhyhb_product_con .bd .fr .more01{padding: 10px 30px;background: #385b8b;display: inline-block;color: #fff;font-size: 16px;}
.szhyhb_product_con .bd .fr .more02{padding: 10px 30px;background: #309737;display: inline-block;color: #fff;font-size: 16px;}
.szhyhb_product_con .bd .bottom{padding-top: 30px;display: flex;flex-wrap: wrap; justify-content:flex-start;}
.szhyhb_product_con .bd .bottom dl{width: 31.3333333%;margin-right: 3%;}
.szhyhb_product_con .bd .bottom dl:nth-child(3n+0){margin-right: 0;}
.szhyhb_product_con .bd .bottom dl img{width: 100%;height: 227px;}
.szhyhb_product_con .bd .bottom dl dt{overflow: hidden;}
.szhyhb_product_con .bd .bottom dl dd a{text-align: center;line-height: 3;display: block;font-size: 16px;}



/*优势*/
.szhyhb_advantage {background:#385b8b;padding: 30px 0;box-sizing: border-box;}
.szhyhb_advantage_con{padding: 0px 0 0; background:#fff; height:320px;}
.szhyhb_advantage_con dl{width: 20%;float: left;height: 300px;position: relative;background:url(../images/adv_bg.jpg) no-repeat;overflow: hidden;cursor: pointer;}
.szhyhb_advantage_con dl dt{width: 100%;text-align: center;padding: 75px 0 0;}
.szhyhb_advantage_con dl dt em{width: 94px;height: 94px;display: block;line-height: 0;overflow: hidden;margin: 0 auto ;}
.szhyhb_advantage_con dl dt em img{width: 94px;height: 94px;}
.szhyhb_advantage_con dl dt b{display: block;font-size: 24px;color: #333;height: 80px;line-height: 80px;overflow: hidden;background:url(../images/adv_b1.gif) no-repeat center bottom;}
.szhyhb_advantage_con dl dt p{font-size: 15px;color: #7f7f7f;line-height: 28px;width: 190px;line-height: 30px; overflow: hidden;margin: 0 auto;padding: 15px 0 0;}
.szhyhb_advantage_con dl dd{width: 100%;height: 0;position: absolute;top: 0;left: 0;text-align: center;overflow: hidden;-webkit-transition:all .4s;transition:all .4s;}
.szhyhb_advantage_con dl dd img{width: 100%;height: 300px;}
.szhyhb_advantage_con dl dd em{display: block;width: 74px;height: 74px;position: absolute;bottom: 30px;left: 113px;z-index: 10;}
.szhyhb_advantage_con dl dd em img{width: 74px;height: 74px;}
.szhyhb_advantage_con dl dd b{display: block;width: 100%;height: 66px;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.6);}


/* szhyhb_cases */
.szhyhb_cases {padding: 50px 0 0;position: relative;background: url(../images/case_bg.gif) no-repeat center top;z-index: 0;}
.casecenter{ position:relative; height:495px;}
.cctab li{ width:290px; height:123px; background:#efefef; cursor:pointer; position:absolute; transition:all .3s ease;}
.cctab li:nth-child(1),.cctab li:nth-child(2),.cctab li:nth-child(3),.cctab li:nth-child(4){ left:0;}
.cctab li:nth-child(5),.cctab li:nth-child(6),.cctab li:nth-child(7),.cctab li:nth-child(8){ right:0;}
.cctab li:nth-child(2),.cctab li:nth-child(6){ top:124px;}
.cctab li:nth-child(3),.cctab li:nth-child(7){ top:248px;}
.cctab li:nth-child(4),.cctab li:nth-child(8){ top:372px;}
.cctab p{ font-size:18px; color:#333; padding:40px 0 0 80px; transition:all .3s ease;}
.cctab p a{ display:block; font-size:13px; color:#222; font-weight:normal; transition:all .3s ease;} 
.cctab p a b {font-size: 18px; }
.cctab span{ display:block; position:absolute; top:0; bottom:0; margin:auto 0; left:18px; width:52px; height:44px; background:url(../images/case_list.png) no-repeat top left; transition:all .5s ease;}
.cctab li:nth-child(2) span{ background-position-x:-61px;}
.cctab li:nth-child(3) span{ background-position-x:-133px;}
.cctab li:nth-child(4) span{ background-position-x:-204px;}
.cctab li:nth-child(5) span{ background-position-x:-278px;}
.cctab li:nth-child(6) span{ background-position-x:-356px; height:61px;}
.cctab li:nth-child(7) span{ background-position-x:-414px; height:46px;}
.cctab li:nth-child(8) span{ background-position-x:-355px; height:49px;}
.cctab li.on{ background:#64b1e2;}
.cctab li.on p{ color:#fff;}
.cctab li.on p a{ color:#fff;}
.cctab li.on span{ background-position-y:-78px;}
.ccon{ width:660px; margin:0 auto;}
.ccon .divdgweb_new_div_item{ position:relative; width:100%; height:495px;}
.ccon .news_div_item_pic{width:100%; height:100%;}
.ccon .news_div_item_pic img{ width:100%; height:100%;}
.ccon .divdgweb_new_div_item_content{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:20px 30px;     background: rgba(19, 28, 35, 0.8);}
.ccon .divdgweb_new_div_item_a{ font-size:20px; color:#fff;}
.ccon .divdgweb_new_div_item_body { font-size:14px; color:#fff; line-height:24px; margin-top:10px;}

/*di*/
.hzcust_bg{ height:180px; background:url(../images/hzcust_bg.png) no-repeat bottom center;}
.casebtn a{ display:block; margin:20px  auto 20px auto; width:400px; height:52px; border:1px solid #dddddd; text-align:center; line-height:50px; font-size:18px; color:#888888; font-weight:lighter; transition:all .3s ease;border-radius: 30px;}
.casebtn a:hover{ background:#385b8b; border-color:#385b8b; color:#fff;}
.caseconcat{ text-align:center; font-size:18px; font-weight:lighter; color:#222;}
.caseconcat strong{ font-size:30px; color:#385b8b;     font-weight: bold;}
.caseconcat span{ padding-left:42px; background:url(../images/hzcust_tel.png) no-repeat left center;}

/*compy*/
.comp_bg{width: 100%; padding-top:30px;position: relative;padding-bottom: 40px;}
.comp_bg::before{content: '';height: 400px;width: 100%;background: #2d437d;position: absolute;bottom: 0;}
.comp_con{padding: 30px 20px;background: #fff;width: 100%;display: inline-block;box-sizing: border-box;border: 1px solid #efefef;}
.comp_ri{width: 550px;padding-top: 25px; padding-left: 10px;}
.comp_le{width: 550px;}
.comp_le img{width: 100%;}
.comp_ri>b{display:block;font-size: 30px;font-weight: bold;color: #2d437d;text-align: left;}
.comp_ri span{display: block;border-bottom: 1px solid #f0f0f0;padding-bottom: 15px;margin-bottom: 21px; font-size:18px; line-height: 2;text-align: right;}
.comp_ri p{text-indent: 2em;line-height: 30px;color:#666;font-size: 16px;}
.comp_ri p+p{}
.comp_ri a{display: block;width: 146px;height: 50px;background: #309737;margin-top: 35px;line-height: 50px;color: #fff;transition: 0.5s;}
.comp_ri a>b{float: left;font-size: 17px;line-height: 50px;margin-left: 22px;font-weight: normal;}
.comp_ri a>em{margin-top: 14px;float: left;margin-left: 17px; }
.comp_ri a:hover {width: 160px;transition: 0.5s;padding-left: 8px;}

/*qyxx*/
.qyxx{ padding:0px 0 0 0;margin-top: 50px;}
.qyxxcenter{position:relative;}
.qyjt{ display:block; position:absolute; left:0; top:40%;cursor:pointer;}
.qyjt.next{ right:0; left:auto;}
.qycon{ width:1180px; margin:0 auto;}
.qycon ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.qycon ul li{width: 24%; line-height: 2.5;border: 1px solid #efefef;box-sizing: border-box;padding-left: 15px;margin-bottom: 10px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qycon ul li:hover{background: #385b8b;color: #fff;}
/*news*/
.news_box{margin:0px auto; padding-bottom:  40px;}
.news_bt{width: 1180px; float: left;}
.news_btl{width: 300px; float: left; font-weight: 400; font-size: 42px;}
.news_btl .t{text-align: left;}
.nb_tab{font-size:0;text-align: center; float: right;margin-top: 30px;}
.nb_tab li{display: inline-block;margin-left: 20px;}
.nb_tab li.on a{background:#385b8b; color: #fff; background-size: 400% 370%; }

.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333; border-radius: 30px; margin-top: 22px;border: 1px solid #efefef;}
.nb_tab a+a{margin-left:30px;}
.nb_tab a.cur{background:#385b8b; color: #fff; background-size: 400% 370%; }
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px; }
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nb_con{margin-top:130px;}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:600px;}
.nbcl_le .news_div_item{width:290px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:15px;}
.nbcl_le .news_div_item_pic img{width:294px;height: 221px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/at.png) no-repeat right center;float: right;margin-top:17px;}

.nbcr_ri{width:556px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f1f1f1;padding:30px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:416px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight: bold;    line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}